//
//
// // 点击登入/注册按钮 弹出模态对话框
// $(function () {
//     $("#btn").click(function () {
//         $(".mask-wrapper").show();
//     });
//     $(".close-btn").click(function () {
//         $(".mask-wrapper").hide();
//     });
// });
//
//
// // 点击立即注册
// $(function () {
//     $(".switch").click(function () {
//         var scrollWrapper = $(".scroll-wrapper");
//         var scrollLeft = scrollWrapper.css("left");
//         // 因为scrollLeft 是带有PX 的值  要解析成整形
//         surrenLeft = parseInt(scrollLeft);
//         // 无过渡效果
//
//         // if(surrenLeft < 0){
//         //     scrollWrapper.css({"left":"0"})
//         // }else{
//         //     scrollWrapper.css({"left":"-400px"})
//         // }
//         // 有过度效果
//         if(surrenLeft < 0){
//             scrollWrapper.animate({"left":"0"})
//         }else{
//             scrollWrapper.animate({"left":"-400px"})
//         }
//
//     })
// })



function Auth() {
    var self = this;
    // 全局变量
    self.maskWrapper = $(".mask-wrapper");
    self.scrollWrapper = $(".scroll-wrapper");

}

Auth.prototype.run = function () {
    var self = this;
    self.listenShowHideEvent();
    self.listenSwitchEvent();
    self.listenSigninEvent();


};

// 事件  登入/注册模态框显示
Auth.prototype.showEvent = function(){
    var self = this;
    self.maskWrapper.show();

};

Auth.prototype.hideEvent = function(){
    var self = this;
    self.maskWrapper.hide();

};

// 点击登入/登出事件
Auth.prototype.listenShowHideEvent = function(){
    var self = this;
    var signinBtn = $(".signin-btn");
    var signupBtn = $(".signup-btn");
    var closeBtn = $(".close-btn");

    signinBtn.click(function () {
        self.showEvent();
        self.scrollWrapper.css({"left":0});

    })
    signupBtn.click(function () {
        self.showEvent();
        self.scrollWrapper.css({"left":-400})

    })
    closeBtn.click(function () {
        self.hideEvent();
    })
};


Auth.prototype.listenSwitchEvent = function(){
    var self = this;
    var switcher = $(".switch");
    switcher.click(function () {
        var scrollLeft = self.scrollWrapper.css("left");
        // 因为scrollLeft 是带有PX 的值  要解析成整形
        surrenLeft = parseInt(scrollLeft);
        // 无过渡效果

        // if(surrenLeft < 0){
        //     scrollWrapper.css({"left":"0"})
        // }else{
        //     scrollWrapper.css({"left":"-400px"})
        // }
        // 有过度效果
        if(surrenLeft < 0){
            self.scrollWrapper.animate({"left":"0"})
        }else{
            self.scrollWrapper.animate({"left":"-400px"})
        }
    });
};


// 立即登入点击事件
Auth.prototype.listenSigninEvent = function(){
    var self = this;
    // 区分对待input 登入 和 注册 避免混淆
    var signinGroup = $(".signin-group");
    var telephoneInput = signinGroup.find("input[name='telephone']");
    var passwordInput = signinGroup.find("input[name='password']");
    var rememberInput = signinGroup.find("input[name='remember']");

    // 点击立即登入时 获取数据
    var submitBtn = signinGroup.find(".submit-btn");
    submitBtn.click(function () {
        // 获取数据
        var telephone = telephoneInput.val();
        var password = passwordInput.val();
        // 选中事件 用 prop 选中返回True
        var remember = rememberInput.prop("checked");

        // ajax 数据交互
        xfzajax.post({
                "url":"/account/login/",
                "data":{
                    "telephone" : telephone,
                    "password" : password,
                    // 三目运算符
                    "remember" : remember?1:0
                },
                "success":function (result) {
                    console.log("=================")
                    console.log(result)
                    console.log("=================")
                    if(result['code'] == 200){
                        // 隐藏 模态框
                        self.hideEvent();
                        // 刷新
                        window.location.reload();
                    }else{
                        var messageObject = result['message'];
                        if(typeof messageObject == "string" || messageObject.constructor == String){
                            window.messageBox.show(messageObject);
                        }else{
                            // {"password":['密码最大长度不能超过20为！','xxx'],"telephone":['xx','x']}
                            for(var key in messageObject){
                                var message = messageObject[key];
                                var message = message[0];
                                window.messageBox.show(message);
                            }
                        }

                    }
                },
                "fail":function (error) {
                    console.log(error);
                }
            }
        )

    })

};

$(function () {
    var auth = new Auth();
    auth.run();

});